<template>
  <div>
    <div class="breadcrumb flex-center">
      <p class="title">关于我们</p>
    </div>
    <div class="box">
      <el-row class="flex-center mgb-20">
        <el-col :span="24" class="center">
          <el-image class="cover" :src="headImg" fit="cover"></el-image>
        </el-col>
      </el-row>
      <el-row class="flex-center mgb-20">
        <el-col :span="24" class="center">
          v1.0
        </el-col>
      </el-row>
      <el-row class="mgb-20">
        <p class="flex-between-center ">
          <span>关于红蔓</span>
          <i class="el-icon-arrow-right f20"></i>
        </p>
      </el-row>
      <el-row class="mgb-20">
        <p class="flex-between-center ">
          <span>用户协议</span>
          <i class="el-icon-arrow-right f20"></i>
        </p>
      </el-row>
      <el-row class="mgb-20">
        <p class="flex-between-center ">
          <span>版权说明</span>
          <i class="el-icon-arrow-right f20"></i>
        </p>
      </el-row>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      headImg: require("../../assets/img/图层 557@2x.png"),
    };
  },
  methods: {},
};
</script>

<style lang="less" scoped>
// @import "../assets/css/variable.less";
.cover {
  width: 70px;
  height: 70px;
}
.box {
  background: #ffffff;
  box-shadow: 1px 2px 33px 5px rgba(204, 204, 204, 0.12);
  border-radius: 6px 6px 6px 6px;
  padding: 30px 170px;
  min-height: 400px;
}
</style>